﻿@model WordSmith_V1.ViewModel.BookChapterCreateViewModel
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_AuthenticatedPagesLayout.cshtml";
}


<h2>
    Start a new story</h2>
<!-- <form name="storyForm" method="post" enctype="multipart/form-data" action="/Book/Create" accept-charset="UTF-8"> -->
@using (Html.BeginForm("Create", "Book", System.Web.Mvc.FormMethod.Post, new { @class = "newWriting-form" }))
{
    

    <!------- Title --------->
    <div>
        @Html.LabelFor(model => model.BookTitle):
        @Html.TextBoxFor(model => model.BookTitle)
        @Html.ValidationMessageFor(model => model.BookTitle)
    </div>
    <!------- explicit content checkbox 
<p style="margin: 5px 0;">
    <input type="hidden" value="0" name="story[explicit_flag]"><input type="checkbox"
        value="1" name="story[explicit_flag]" id="story_explicit_flag">
    <label for="story_explicit_flag">
        this story contains explicit content not suitable for minors</label>
</p>
--------->

    <!-------CHAPTER DESCRIPTION --------->
    <div>
        @Html.LabelFor(model => model.Description):
        @Html.TextBoxFor(model => model.Description)
        @Html.ValidationMessageFor(model => model.Description)
    </div>
    
    <!-------               COVER IMAGE             
    <a href="http://www.goodreads.com/assets/nogeneric-333x500.jpg">
        <img src="http://www.goodreads.com/assets/nogeneric-111x148.jpg" alt="Nogeneric-111x148"></a>
    <br>
    cover image:
    <input type="file" name="story[photo]" id="story_photo">
     --------->
     
    <!---------             GENRE        ----------->
    <p style="padding: 10px 0px">
        <label for="genre_list">
            genre:
        </label>
        @Html.DropDownListFor(x => x.selectedGenre, new SelectList(@ViewBag.genreList, "Value", "Text"))
    </p>
    
    <!---------             TAGS        ----------->
    
        <label for="tags">
            tags <span class="smallText greyText">(comma separated: poetry, romance, science fiction,humor,
                etc)</span></label><br />
        <!--  <input type="text" value="" size="30" name="story[tags_string]" id="story_tags_string"
        autocomplete="off"> -->
        @Html.TextBoxFor(model => model.Tags)

    
    
    <p>
        <label for="ChapterTitle">
            chapter title</label><br>
        <!-- how do you specify size   <input type="text" size="50" name="chapter[title]" id="chapter_title"> -->
        @Html.TextBoxFor(model => model.ChapterTitle)
    </p>

    <p>
        <label for="Writing">
            your writing (chapter 1)</label><br>
        @Html.TextAreaFor(Model => Model.Writing, new { rows = "30", cols = "65" })
    </p>


 
     
    <button type="submit" class="button save" formaction= @Url.Action("Create", new { saveAndContinue = true })>
        Save</button>
}
  <!--  <button type="submit" class="button save" formaction= @Url.Action("Create", new { saveAndContinue = true })>
        Save</button>
        -->
    <br>
    <br>
    <br>
    <span class="greyText">I agree to the <a href="/ebooks/terms">Terms of Use for Writers</a>.</span>

    <!-- </form> -->
    <a href="/story/list">cancel</a>
